<script setup lang="ts">
  import { storeToRefs } from 'pinia';
  import { useUserStore } from '@/store/features/user';
  const userStore = useUserStore();
  const { count } = storeToRefs(userStore);

  const handleClick = () => {
    userStore.increment();
  };
</script>

<template>
  <div class="bg-red-3 w-full h-full">App</div>
  <div class="text" @click="handleClick">使用主色文本</div>
  <span>{{ count }}</span>
  <CustomForm></CustomForm>
</template>

<style scoped></style>
